Skip to content

Add full fledged visual e-mail editor #2373

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 27 commits into from
Apr 21, 2025
Merged

Add full fledged visual e-mail editor #2373

merged 27 commits into from
Apr 21, 2025

Conversation

knadh
Copy link
Owner

@knadh knadh commented Mar 27, 2025

This PR integrates email-builder-js, a drag-and-drop visual template editor, into campaign and templates.

@unit1g
Copy link

unit1g commented Mar 27, 2025

Hey, I'm not a dev or anything, but I use listmonk often and wanted to use emailbuilder-js before, and this is a great idea, but emailbuilder is not responsive, or at least not the version on GitHub, could that be fixed in the integration?

@knadh knadh mentioned this pull request Mar 29, 2025
@knadh knadh force-pushed the feat-visual-editor branch 4 times, most recently from ba5e77b to c264c3b Compare April 20, 2025 15:10
vividvilla and others added 24 commits April 20, 2025 20:48
- Add email-builder source
- Update yarn lock
- Disable visual templates from being made default.
- Refactor visual template selection flow in campaigns.
- Hide scroll if templates modal is active. This is to make sure it doesn't
  flicker when adding blocks in visual-editor.
- Fix merge conflicts.
- Simply logic in campaign preview handler.
- Remove redundant `GetCampaignForPreviewWithTemplate()` and switch to the old
  query that optionally takes a template.
- Fix Vue linting issues.
- Simplify and fix content conversion between formats.
- Fix state management issues.
- Rename `Apply` to `Import` on the visual template UI.
knadh added 2 commits April 20, 2025 20:48
Unfortunately, the tiny CodeFlask lib stopped getting updates 5+ years ago and
is buggy. The attempt to replace it with CodeInput (which itself seems to have
several open bugs) failed.

So, biting the bullet with CodeMirror, which is a robust, battle tested, albeit
large (~300KB) code editor library.

This patch replaces all code editor UIs (Campaign, Templates, Settings) with
CodeMirror.
@knadh knadh force-pushed the feat-visual-editor branch from c264c3b to b67fc5e Compare April 20, 2025 15:19
@knadh knadh merged commit 5477c16 into master Apr 21, 2025
@nghialele
Copy link

The merge we need! Thanks a lot!

@nehagup
Copy link

nehagup commented Apr 22, 2025

Thanks @unit1g!! This will really help us. 🔥🧡

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants